<html>
	<head>
		<title>PeoplePivot</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/styles.css"/>
		<link href='http://fonts.googleapis.com/css?family=Luckiest+Guy' rel='stylesheet' type='text/css'>
		<script src="http://code.jquery.com/jquery-1.6.2.min.js"> </script>
		<script src="javascript/peoplepivot.js"> </script>
		<script src="javascript/raphael-min.js"> </script>
		<script type="text/javascript">
			var size = {x:550, y:550}
			var center = {x:size.x/2, y:(size.y/2)-30};
			var bullseyeSize = 230;
			var timelineLength = 460;
			var timelineOffsetY = 535;
			var timelineHeight = 20;

			window.onload = function () {
				window.raphael = Raphael("left", size.x, size.y);

				renderTimeline("<?php echo $_GET["uri"]; ?>");				
			}
			
		</script>
	</head>
	<body>	
		<div id="main">	
		<div id="header"><a href="index.php"><h1>People Pivot</h1></a></div>
			<div id="right">
				<h1>Pivoting around a person.</h1>
				<p>The layers in this diagram symbolise different degrees of closeness with the subject.  People on rings closer to the centre have co-authored more papers with the subject than those further away and can therefore be said to be working more closely with them.</p>
				<p>Clicking on a collaborator brings up a list of the articles they have co-authored with the subject.  You can then follow te provided link and navigate to the <a href="http://eprints.ecs.soton.ac.uk/">ECS EPrints Repository</a> and view the article.</p>
				<p>Underneath the diagram is a timeline of the subjects career at ECS.  We are currently viewing the subjects most recent work, but can click on different years to refresh the diagram and explore how the partnerships have changed and developed over time.</p>
				<p>You can change the subject of the diagram at any time by either double clicking on their icon, or selecting them and following the appropriate link.  This ability to re-pivot the data around a different people allows you to see rich interconnections in an interactive discovery of the co-authorspace.</p>
			</div>
			<div id="titleArea"><h1 id="titleAreaText"></h1></div>
			<div id="left"> </div>
			
			<?php include "footer.include" ?>
		</div>
	</body>
</html>
